<!doctype html>
<html>
  <head>
  <script src="https://use.fontawesome.com/baff6f55f5.js"></script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <title>Katie by AdeBC</title>

    <link rel="stylesheet" href="her/styles.css">
    <link rel="stylesheet" href="stylesheets/github-light.css">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-29643011-3', 'auto');
      ga('send', 'pageview');
    </script>

    <!-- For all browsers -->
    <link rel="stylesheet" href="assets/css/academicons.min.css"/>
    <link rel="stylesheet" href="assets/css/academicons.css"/>

  </head>
  <body>
    <div class="wrapper">
      <h1 align="center"> Princess Zhang </h1>
      <ul>
        <h2><br><br><br></h2>
        <li><h2>Name: Katie, 章瀚文</h2></li>
        <li><h2>Birthday: 09-30</h2></li>
        <li><h2>Character: infj</h2></li>
        <li><h2>Anniversary: 11-25</h2></li>
        <li><h2>Food: Hot Pot, 火锅</h2></li>
        <li><h2>Musician: Ryuichi Sakamoto, 坂本龙一</h2></li>
        <li><h2>Movie: La vita è bella, 美丽人生</h2></li>
        <li><h2>Anime character: ふじわらちか, 藤原千花</h2></li>
        <!--<li><h3>Movie: Katie, 章瀚文</h2></li>-->
        <!--<li><h3>Movie: Katie, 章瀚文</h2></li>-->
        <!--<li><h3>Movie: Katie, 章瀚文</h2></li>-->
      </ul>

      <div class="wrapper">
        <img class="img" src="her/Fujiwara_Chika.webp" alt="ふじわらちか" align="right"/>
      </div>

      <footer>
        <p><small>Hosted on GitHub Pages &mdash; Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
      </footer>
    </div>
    <script src="javascripts/scale.fix.js"></script>
  </body>
</html>
